<!doctype html>
<html lang="en">
<head>
	<meta charset="UTF-8" />
	<title>Document</title>
	<style type="text/css">
		body{
			font-family: arial;
		}
		#case{
			border-radius: 30px;
			border: 1px solid burlywood;
			padding: 10px;
			background-color: lightgray;
			margin: auto;	
			width: 1200px;
			height: 1180px;}
		#case_s{border-radius: 30px;
			border: 1px solid burlywood;
			padding: 30px;
			background-color: ghostwhite;
			width: 1200px;
			height: 1180px;
			}
		#case_s_s{
			width: 1200px;
			height: 1180px;
			margin: 0 auto;
			position: relative;
		}	
		h1{font-size: 50px;}
		h2{font-size: 20px;}
		p{font-size: 16px;}
		#p1{
			width:300px;
		}
		
		#p2{
			width: 200px;
		}
		#p3{
			width:300px;
		}
		#p4{
			width: 400px;
			border-radius: 100%;
			box-shadow: 5px 5px 25px black;
			}
		
		.case1{border: 1px dotted lightgray;
		width: 300px;
		height: 650px;
		padding: 10px;
		border-radius: 30px;
	    margin-top: 30px;
		background-color: white;
		box-shadow: 5px 5px 25px black;
		position: relative;
		
		}	
		#case1{
			position: absolute;
			
		}
		#case2{
			position: absolute;
			left: 450px;
		}
		#case3{
			position: absolute;
			left: 900px;
		}
		.jie{
			text-indent:35px
		}
		.jie1{
			width: 750px;
			margin-left: 470px;
			margin-top: -266px;
			padding-bottom: 100px;
		}
	
		
	</style>
	
	
</head>
<body>
	
	<div id="case">
		<div id="case_s">
		<div id="case_s_s">
		<h1>案例介绍</h1>
		
		<div>
			<img src="img/timg.jpg"  id="p4"/>
			<div class="jie1">
			<p class="jie"> 杭州小黑科技股份有限公司于2012年6月在杭州成立，2015年4月获得恒生电子战略投资，同年8月在全国中小企业股份转让系统挂牌上市，成为全国首家登陆新三板的互联网金融软件服务商。公司总部位于杭州，在北京、上海、广州、成都、武汉均设有分支机构。</p>
			<p class="jie"> 小黑科技是一家专业提供互联网金融整体解决方案的创新型科技企业。目前，公司拥有一支5个人的团队，其中研发工程人员超过80%，在产品规划及研发、软件开发实施、技术服务、系统维护服务等方面，兼具强劲实力和竞争优势。旗下拥有互联网金融资产交易系统、金融资产风控系统、金融产品管理系统、互联网众筹系统、网络借贷系统、小贷业务管理系统与银行资金存管系统等产品。同时提供面向供应链金融、消费金融与产业金融等金融解决方案。主要服务于传统金融机构、上市公司、国有企业、小贷担保、融资租赁等金融和类金融机构。
			</p>
			</div>
		</div>
		
		
        <div class="case1" id="case1">
		<h2>HTML</h2>
		<img src="img/html.jpg" id="p1"/>
		<p>
超文本标记语言，标准通用标记语言下的一个应用。
“超文本”就是指页面内可以包含图片、链接，甚至音乐、程序等非文字元素。
超文本标记语言的结构包括“头”部分（英语：Head）、和“主体”部分（英语：Body），其中“头”部提供关于网页的信息，“主体”部分提供网页的具体内容。
</p>
        </div>
        
        <div class="case1" id="case2">
		<h2>CSS</h2>
		<img src="img/css.png" id="p2"/>
		<p>
			层叠样式表(英文全称：Cascading Style Sheets)是一种用来表现HTML（标准通用标记语言的一个应用）或XML（标准通用标记语言的一个子集）等文件样式的计算机语言。CSS不仅可以静态地修饰网页，还可以配合各种脚本语言动态地对网页各元素进行格式化。 
CSS 能够对网页中元素位置的排版进行像素级精确控制，支持几乎所有的字体字号样式，拥有对网页对象和模型样式编辑的能力。
		</p>
		</div>
		
		<div class="case1" id="case3">
		<h2>javascript</h2>
		<img src="img/js.png" id="p3"/>
		<p>
			
JavaScript一种直译式脚本语言，是一种动态类型、弱类型、基于原型的语言，内置支持类型。它的解释器被称为JavaScript引擎，为浏览器的一部分，广泛用于客户端的脚本语言，最早是在HTML（标准通用标记语言下的一个应用）网页上使用，用来给HTML网页增加动态功能。
在1995年时，由Netscape公司的Brendan Eich，在网景导航者浏览器上首次设计实现而成。因为Netscape与Sun合作，Netscape管理层希望它外观看起来像Java，因此取名为JavaScript。但实际上它的语法风格与Self及Scheme较为接近。
为了取得技术优势，微软推出了JScript，CEnvi推出ScriptEase，与JavaScript同样可在浏览器上运行。为了统一规格，因为JavaScript兼容于ECMA标准，因此也称为ECMAScript。

		</p></div>
		
</div>		
</div>
</div>
	
	
</body>
</html>